//切换城市的显现和隐藏
	$("#qiehuan").on("click",function(){
		$("#h-1").fadeToggle('fast')
	})
	$("#h1-aa").on("click",function(){
		$("#h-1").css("display","none")
	})
//客户服务的显示与隐藏
	$(".fuwu").on("mouseover",function(){
		$("#h-2").css("display","block")
	})
	$("#h-2").on("mouseout",function(){
		$("#h-2").css("display","none")
	})
	//二级菜单的显示与隐藏
	$("#biao1").on("click",function(){
		$("#hid1").fadeToggle('fast')
	})
	$("#close1").on("click",function(){
		$("#hid1").css("display","none")
	})
	$("#biao2").on("click",function(){
		$("#hid2").fadeToggle('fast')
	})
	$("#close2").on("click",function(){
		$("#hid2").css("display","none")
	})
	$("#t1").on("click",function(){
		$("#hid3").fadeToggle('fast');
	})

var listli = document.querySelectorAll('.list-li');
var list = document.querySelectorAll('.list')
for(i = 0; i < listli.length; i++){
			listli[i].index = i;
			listli[i].onmouseover = function(){
				for(j = 0; j < list.length;j++){
					list[j].style.display = '';
				}
				list[this.index].style.display = "block";
			}
			listli[i].onmouseout = function(){
				list[this.index].style.display = ''
			}		
		}
//投诉建议显示与隐藏
$(".jianyi").on("click",function(){
	$("#tousu").css("display","block");
	$("#yinying").css("display","block")
})
$(".tou-btn").on("click",function(){
	$("#tousu").css("display","none");
	$("#yinying").css("display","none")
})
//注册的显示与隐藏
$(".zhuce").on("click",function(){
	$("#zhuce").css("display","block");
	$("#yinying").css("display","block")
})

$(".guanbi").on("click",function(){
	$("#zhuce").css("display","none");
	$("#yinying").css("display","none")
})
//登录的显示与隐藏
$(".denglu").on("click",function(){
	$("#denglu").css("display","block");
	$("#yinying").css("display","block")
})

$(".guanbi1").on("click",function(){
	$("#denglu").css("display","none");
	$("#yinying").css("display","none")
})


 var map = new AMap.Map('container',{
            resizeEnable: true,
            zoom: 10,
            center: [116.480983, 40.0958]
        });

        // 添加 地图控件  AMap.plugin([插件名],function(){})
        AMap.plugin(['AMap.ToolBar','AMap.Scale','AMap.OverView','AMap.Autocomplete'],
            function(){
                map.addControl(new AMap.ToolBar());
                map.addControl(new AMap.Scale());
                map.addControl(new AMap.OverView({isOpen:true}));
      });
		 var  marker = new AMap.Marker({
		                        position: [116.480983, 40.0958],//标记的经纬度
		                        title: "高德地图？",//鼠标悬浮时的提示语
		                        map: map,//该marker绑定的地图对象
		                        icon:"images/t01647448c59c844934.png"//marker的样式
		    });

     // 地址转换成经纬度
     AMap.service('AMap.Geocoder',function(){//回调函数
            //实例化Geocoder  geocoder是全局变量
            geocoder = new AMap.Geocoder({
                city: "140"//城市，默认：“全国”
            });
         //TODO: 使用geocoder 对象完成相关功能
    });
     //地理编码
  geocoder.getLocation("北京昌平区生命科学园", function(status, result) {
    if (status === 'complete' && result.info === 'OK') {
        //TODO:获得了有效经纬度，可以做一些展示工作
        //比如在获得的经纬度上打上一个Marker
        console.log(result);
        console.log("经度："+result.geocodes[0].location.lng+"   纬度："+ result.geocodes[0].location.lat);
       
    }else{
        //获取经纬度失败
        console.log("获取经纬度失败");
        console.log(status);
    }
}); 

// 添加自动搜索插件
	AMap.plugin('AMap.Autocomplete',function(){//回调函数
		//实例化Autocomplete
		var autoOptions = {
		    city: "北京", //城市，默认全国
		    input:"t1"//使用联想输入的input的id
		};
		    autocomplete= new AMap.Autocomplete(autoOptions);
		    //TODO: 使用autocomplete对象调用相关功能
		 //    AMap.event.addListener(auto, "select", function(){
   //   			//TODO 针对选中的poi实现自己的功能
			// }); 
		})

//地图的显示与隐藏
$(".map").on("click",function(){
	$("#mengban").css("display","block");
	$("#yinying").css("display","block")
})
$(".map-c").on("click",function(){
	$("#mengban").css("display","none");
	$("#yinying").css("display","none")
})

//轮播图边
$.getJSON("http://localhost:2222/data/xiushouji.json",function(data){
	console.log(data);
	for(var i in data.result){
		var li = $("<li>").appendTo($(".list"));
		var span = $("<span>").html(data.result[i].name).appendTo(li)
		for(var j in data.result[i].list){
			var a = $("<a>").html(data.result[i].list[j].name).appendTo(li)
		}
	}
})

//注册
$("#createusers").on("click",function(){
	console.log("1")
	var objs = {
		names:$("#younames").val(),
		psw:$("#pwd").val()
	}
	$.ajax({
		type:"post",
		data:objs,
		url:"http://localhost:2222/zhuce",
		success:function(data){
			console.log(data)
			console.log(2)
			$("#zhuce").css("display","none");
			$("#yinying").css("display","none")
		}
	})
})
//登录
$("#loginusername").on("click",function(){
	console.log("4");
	var obj4 = {
		names:$("#zhang").val(),
		psw:$("#mima").val()
	}
	$.ajax({
		type:"get",
		data:obj4,
		url:"http://localhost:2222/login",
		success:function(data){
			if(data == true){
				alert("登录正确")
				$("#denglu").css("display","none");
				$("#yinying").css("display","none")
			} else{
				alert("账户和密码错误")
			}
			console.log(data)
			console.log(5)
		}
	})
})

//分页
//分页显示
$(function(){
	$(".page").Page({
	  totalPages: 99,//分页总数
	  liNums: 9,//分页的数字按钮数(建议取奇数)
	  activeClass: 'activP', //active 类样式定义
	  callBack : function(page){
	  		map.remove(markers);
			pageajax(page)
			console.log(page);
			  
	  }
  });
})

//地图跳转页面
var markers = [];
function pageajax(a){
	$.ajax({
		type:"get",
		url:"http://localhost:2222/data/"+a+".json",
		success:function(data){
			console.log(data)
			$(".main3-a").html(baidu.template("li",data));
			$(".main3-a li").on("mouseenter",function(){
				$(this).find($(".open")).show()
			})
			$(".main3-a li").on("mouseleave",function(){
				$(this).find($(".open")).hide()
			})
			for(var i = 0; i < data.shop_data.length; i++){
				 var mk = new AMap.Marker({
    				position:[data.shop_data[i].map_longitude,data.shop_data[i].map_latitude],
    				map:map,
   				    icon:"images/t01647448c59c844934.png"
				})
				 markers.push(mk)
				 
			}
			
		}
	})
}

